// 重置变量与定义变量

// 自定义颜色
$color_1: #c48f0a; //按钮颜色
$color_2: rgba(0, 0, 0, 0.4); //背景颜色
$color_3: #23212a; //组件背景颜色
$color_4: #f5f5f5; //边框颜色
$color_5: rgba(#ff9b83, 0.8); //聊颜色
$color_6: rgba(#6baa42, 0.8); //聊颜色
// 组件被选中色
$color_active: rgba(#ff9b83, 0.4);
$color_white: #fff;

$color_success: #52c41a;
$color_error: #f5222d;
$color_info: #1890ff;
$color_pause: #f39c12;

// 间隔
$padding_1: 14px;
// 颜色变量
$primary: #3b82f6;
$primary-light: #60a5fa;
$primary-dark: #2563eb;
$success: #10b981;
$danger: #ef4444;
$warning: #f59e0b;
$dark: #1e293b;
$light: #f8fafc;
$gray: #94a3b8;
$gray-light: #e2e8f0;
$gray-dark: #64748b;

// 尺寸变量
$border-radius: 6px;
$card-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
$btn-height: 36px;

// 动画变量
$transition-speed: 0.2s;
// 方案-1
@forward 'element-plus/theme-chalk/src/common/var.scss' with (
  $bg-color: (
    'page': #f5f8fd
  ),
  $colors: (
    'primary': (
      'base': $color_1
    )
  ),
  $select-dropdown: (
    'bg-color': $color_3
  )
);
//方案-2
// :root {}
